<div role="pagination" {{{propertystr}}}>
    <div class="str-pagination-size">
        每页
        <select size="small" rendertype="outline" name="persize" id="page">
            <slot>
                <option value="10">10条</option>
                <option value="25">25条</option>
                <option value="50">50条</option>
            </slot>
        </select>
    </div>
    <div class="str-pagination-range">
        <span class="pagination-start">{{start}}</span>
        {{pageseperate}}
        <span class="pagination-end">{{end}}</span>
        共
        <span class="pagination-total">{{total}}</span>
        条
    </div>
    <div class="str-btn-group">
        <str-icon nofocus class="{{page | firstpage}} ripple" icon="page-first" data-action="first"></str-icon>
        <str-icon nofocus class="{{page | firstpage}} ripple" icon="chevron-left"  data-action="previous"></str-icon>
        <str-icon nofocus class="{{page | lastpage}} ripple" icon="chevron-right" data-action="next"></str-icon>
        <str-icon nofocus class="{{page | lastpage}} ripple" icon="page-last" data-action="last"></str-icon>
    </div>
</div>